
<div id="wrapper" style=' margin: 0;padding: 0;'>

    <div class="things-content" ng-controller="mainCtrl">


        <div class="column">
            <div class="flow">
                <ul class="tabone" id = "workitem">
                    <li class="imgone active" ng-click="typeChange('unFinishWorkitem')"><span>我的待办</span>
                    </li>
                    <li class="imgone" ng-click="typeChange('finishedWorkitem')"><span>我的已办</span>
                    </li>
                    <li class="imgone" ng-click="typeChange('QueryMyInstance')"><span>我的流程</span>
                    </li>
                </ul>
                <ul class="more-style">
                    <li><a href="/Portal/index.html#/app/Workflow/MyUnfinishedWorkItem" target="_blank">更多>></a></li>
                </ul>
                <div class="tabCin">
                    <div class="in" id="workItem">
                        <ul class="newslist02">
                            <li>
                                <a href="#">
                                    <span class=" event-three">流程标题</span>
                                    <span class=" event-one">任务节点</span>
                                    <span class=" event-two">接收时间</span>
                                    <span class="float-right  event-two">发起人</span>
                                </a>
                            </li>
                            <li ng-if="unFinishWorkitem && !MyInstanceStu" ng-repeat="WorkitemData in unfinishWorkItems | limitTo :6">
                                <a href="/Portal/WorkItemSheets.html?WorkItemID={{WorkitemData.ObjectID}}"
                                   target="_blank" title="{{WorkitemData.InstanceName }}">
                                    <span class="event-three">{{WorkitemData.InstanceName}}</span>
                                    <span class="event-one">{{WorkitemData.DisplayName}}</span>
                                    <span class="event-two">{{(WorkitemData.ReceiveTime) | limitTo:16}}</span>
                                    <span class="float-right  event-two">{{WorkitemData.OriginatorName}}</span>
                                </a>
                            </li>
                            <li ng-if="!unFinishWorkitem && !MyInstanceStu" ng-repeat="WorkitemData in finishedWorkItems | limitTo :6">
                                <a href="/Portal/WorkItemSheets.html?WorkItemID={{WorkitemData.ObjectID}}"
                                   target="_blank" title="{{WorkitemData.InstanceName }}">
                                    <span class="event-three">{{WorkitemData.InstanceName}}</span>
                                    <span class="event-one">{{WorkitemData.DisplayName}}</span>
                                    <span class="event-two">{{(WorkitemData.ReceiveTime) | limitTo:16}}</span>
                                    <span class="float-right  event-two">{{WorkitemData.OriginatorName}}</span>
                                </a>
                            </li>

                            <li ng-if="MyInstanceStu" ng-repeat="WorkitemData in MyInstance | limitTo :6">
                                <a href="/Portal/InstanceSheets.html?InstanceId={{WorkitemData.InstanceID}}"
                                   target="_blank" title="{{WorkitemData.InstanceName }}">
                                    <span class="event-three">{{WorkitemData.InstanceName}}</span>
                                    <span class="event-one">{{WorkitemData.ApproverLink}}</span>
                                    <span class="event-two">{{(WorkitemData.CreatedTime) | limitTo:16}}</span>
                                    <span class="float-right  event-two">{{WorkitemData.OriginatorName}}</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="column">
            <div class="flow">
                <ul class="tabone" id ="readitem">
                    <li class="imgone active" ng-click="typeChange('unReadWorkItem')"><span>我的待阅</span>
                    </li>
                    <li class="imgone" ng-click="typeChange('readedWorkItem')"><span>我的已阅</span>
                    </li>
                </ul>
                <ul class="more-style">
                    <li><a href="/Portal/index.html#/app/Workflow/MyUnReadWorkItem" target="_blank">更多>></a></li>
                </ul>
                <div class="tabCin">
                    <div class="in" id="workItem">
                        <ul class="newslist02">
                            <li>
                                <a href="#">
                                    <span class=" event-three">流程标题</span>
                                    <span class=" event-one">传阅来源</span>
                                    <span class=" event-two">接收时间</span>
                                    <span class="float-right  event-two">发起人</span>
                                </a>
                            </li>
                            <li ng-if="unReadWorkItem" ng-repeat="WorkitemData in unReadWorkItems | limitTo :6">
                                <a href="/Portal/WorkItemSheets.html?WorkItemID={{WorkitemData.ObjectID}}"
                                   target="_blank" title="{{WorkitemData.InstanceName}}">
                                    <span class="event-three">{{WorkitemData.InstanceName}}</span>
                                    <span class="event-one">{{WorkitemData.CirculateCreatorName}}</span>
                                    <span class="event-two">{{(WorkitemData.ReceiveTime) | limitTo:16}}</span>
                                    <span class="float-right  event-two">{{WorkitemData.OriginatorName}}</span>
                                </a>
                            </li>
                            <li ng-if="!unReadWorkItem" ng-repeat="WorkitemData in readWorkedItems | limitTo :6">
                                <a href="/Portal/WorkItemSheets.html?WorkItemID={{WorkitemData.ObjectID}}"
                                   target="_blank" title="{{WorkitemData.InstanceName}}">
                                    <span class="event-three">{{WorkitemData.InstanceName}}</span>
                                    <span class="event-one">{{WorkitemData.CirculateCreatorName}}</span>
                                    <span class="event-two">{{(WorkitemData.ReceiveTime) | limitTo:16}}</span>
                                    <span class="float-right  event-two">{{WorkitemData.OriginatorName}}</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="message">
            <div class="matter">
                <div class="matter-list"><span>CRM</span>
                    <span class="font-size-14 float-right">
                            <a href="/Portal/index.html#/app/CRMApp/BizQueryView/businessOpportunity/businessOpportunityList/businessOpportunityList" >更多 >></a>
                        </span></div>
                <div class="matter-content">
                    <ul class="newslist02" style="color:#000000">
                        <li  style="color:#000000;margin-top:-10px;">
                            <a href="/Portal/index.html#/app/CRMApp/BizQueryView/businessOpportunity/businessOpportunityList/businessOpportunityList">

                            <span class=" event-three"  >标题</span>
                                <span class=" event-one">当前数量</span>
                                <span class=" event-two">总数</span>
                            </a>
                        </li>
                        <li ng-repeat="cdata in  crmData | limitTo : 15 "  >
                            <a href="/Portal/index.html#/app/CRMApp/BizQueryView/businessOpportunity/businessOpportunityList/businessOpportunityList">

                            <span class="event-three">{{cdata.name}}</span>
                            <span class="event-one">{{cdata.thisNum}}</span>
                            <span class="event-two">{{cdata.Num}}</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="message">
            <div class="matter">
                <div class="matter-list"><span>通知公告</span>
                    <span class="font-size-14 float-right">
                            <a href="/Portal/kumhosunny/gateway/temp/list.html" >更多 >></a>
                        </span></div>
                <div class="matter-content">
                    <ul>
                        <li ng-repeat="notice in notices | limitTo : 15 ">
                            <a href="/Portal/kumhosunny/gateway/temp/dynamic.html?ObjectId={{notice.objectid}}"
                               target="_blank" title="{{notice.title}}">
                                <div class="news-title">{{notice.title}}</div>
                                <span class="float-right " style="font-size: 14px;
        color: #888;">{{notice.FinishTime.split(' ')[0]}}</span>
                            </a>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
    </div>

</div>


<script type="text/javascript">


    $("ol,ul,li").css("list-style","none");
    $("a").css({ "text-decoration": "none !important", "-webkit-transition":"color 0.2s linear", "-moz-transition": "color 0.2s linear",
        "-o-transition":" color 0.2s linear",
        "transition": "color 0.2s linear",
        "cursor": "pointer"});
    $("span,img").css("cursor","pointer");
    $(document).ready(function (e) {
        $("#workitem li").click(function () {
            $("#workitem li").eq($(this).index()).addClass("active").siblings().removeClass("active");
            //$(".tabCin div").hide().eq($(this).index()).show();
        })
        $("#readitem li").click(function () {
            $("#readitem li").eq($(this).index()).addClass("active").siblings().removeClass("active");
            //$(".tabCin div").hide().eq($(this).index()).show();
        })
    });

</script>

